import Vue from "vue";
import App from "./App.vue";

import VueQuillEditor from "vue-quill-editor";
//一定要引入这三个css，不然文本编辑器会出现不规则黑白几何图形
//这三个css可以在main.js中引入，也可以在具体使用的.vue文件中引入
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
Vue.use(VueQuillEditor);

import elementUI from "element-ui";
import { Message } from "element-ui";

import storage from "@/utils/storage.js";
import http from "@/utils/http.js";
import config from "@/utils/config.js";
import store from "@/store/index.js";
import router from "@/router/index.js";
import btnPermission from "@/utils/btn-permission.js";
import common from "@/utils/common.js";
import antProcess from "@/utils/ant-process";

import moment from "moment";

import "@/styles/index.scss"; // global css
import "element-ui/lib/theme-chalk/index.css";
import "@/icons"; // icon
import "@/permission"; // permission control
import 'emoji-mart-vue-fast/css/emoji-mart.css';

Vue.config.productionTip = false;

// 缓存数据信息对象
Vue.prototype.$storage = storage;

// http 请求交互对象
Vue.prototype.$http = http;

// 统一枚举配置
Vue.prototype.$config = config;

// 按钮权限
Vue.prototype.$btnPermission = btnPermission;

// 页面操作提醒
Vue.prototype.$message = Message;

// 日期
moment.locale("zh-cn");
Vue.prototype.$moment = moment;

// 通用方法
Vue.prototype.$common = common;

// 流程全局js
Vue.prototype.$antProcess = antProcess;

Vue.use(elementUI);

import { Picker } from 'emoji-mart-vue-fast'
Vue.component('Picker', Picker)

new Vue({
  el: "#app",
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
